<script setup>
import { ElSpace, spaceProps } from 'element-plus';

defineProps({
  background: {
    type: String,
    default: 'var(--el-bg-color)'
  },
  ...spaceProps
});
</script>
<template>
  <div class="w-full flex justify-between items-center p-2 box-border" :style="'background-color:' + background">
    <div>
      <ElSpace v-bind="$props">
        <slot name="left"></slot>
      </ElSpace>
    </div>
    <div>
      <ElSpace v-bind="$props">
        <slot name="right"></slot>
      </ElSpace>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
